<div id="article" class="card clear">
  <p class="kind clear">小驴子日常</p>

  <div class="article-info clear">
    <img class="avator" src="http://image.cheerby.cn/avatar/20150722101806050006.jpg">

    <h1 class="topic" ng-bind="doc.title"></h1>

    <p class="author" ng-bind="doc.author"></p>

    <div id="functionLine">
      <div id="icon-box">
        <i class="read"></i>
        <span>1</span>
        <i class=" comment"></i>
        <span>2</span>
        <i class="iine"></i>
        <span>3</span>
        <i class="share"></i>
        <span>4</span>
      </div>
      <div id="shareBox">
        <span>分享到：</span>

        <div class="bdsharebuttonbox shareBox">
          <a href="#" class="bds_qzone" data-cmd="qzone"></a>
          <a href="#" class="bds_tsina" data-cmd="tsina"></a>
          <a href="#" class="bds_tqq" data-cmd="tqq"></a>
          <a href="#" class="bds_renren" data-cmd="renren"></a>
          <a href="#" class="bds_weixin" data-cmd="weixin"></a>
          <a href="#" class="bds_more" data-cmd="more"></a>
          <a class="bds_count" data-cmd="count"></a>
        </div>
      </div>
    </div>
  </div>
  <p class="clear time">文章发布于<span ng-bind="doc.time"></span></p>

  <div class="article-content" ng-bind="doc.content">
  </div>
  <div class="double-button" ng-controller="commentController">
    <button class="green-button">点赞成功</button>
    <button class="green-button" ng-click='toggle()'>回复</button>
    <form class="card clear return" ng-show="comment">
      <textarea placeholder="说点什么吧..."></textarea>
      <button class="green-button clear">提交</button>
    </form>
  </div>

</div>



<div id="comment" class="clear card" ng-controller="commentController">
  <div class="comment-info">
    <img src="http://image.cheerby.cn/avatar/20150721190730061058.jpg">
    <span class="nick">昵称</span>
    <span class="right">2015-15-12</span>
  </div>
  <div class="comment-content clear">
    <p class="left">哈哈我是评论</p>
    <button ng-click="toggle()"></button>
  </div>
  <p class="comment-follow clear">
    <span class="nick">昵称：</span>
    <span>跟评</span>
    <span>2015-15-12</span>
  </p>

  <p class="comment-follow clear">
    <span class="nick">昵称：</span>
    <span>跟评</span>
    <span>2015-15-12</span>
  </p>

  <form class="card clear return" ng-show="comment">
    <textarea placeholder="说点什么吧..."></textarea>
    <button class="green-button clear">提交</button>
  </form>
</div>

<div class="page-box">
  <div class="page-line">
    <ul class="num-line">
      <li class="num active ">1</li>
      <li class="num">2</li>
    </ul>
    <form>
      <input type="text" name="page" title="">
      <label>/2页</label>
      <input type="submit" value="">
    </form>
  </div>
</div>
